<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>index</title>
		<link rel="stylesheet" type="text/css" href="js/layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script src="js/jquery.min.js"></script>
		<script src="js/layui/layui.js"></script>
		<script src="js/common.js"></script>
		<script src="js/index.js"></script>
	</head>

	<body>
		<div class="wrap-main">
			<!--short-side-->
			<div class="header-main overflow-clear">
				<div class="header-logo left vertical">
					<a href=""><img src="img/logo-login.png" alt="" class="login-logo"><span>供应链金融服务平台</span></a>
				</div>
				<div class="header-nav right vertical">
					<div id="now" class="nav-item">
						<span class="date">2018年7月21日</span>
						<i class="ml10"></i>
						<span class="time">14:56:3</span>
					</div>
					<i class="jg"></i>
					<div class="nav-item" onclick="tabOpenExtra('打开额外tab', '//www.layui.com/doc/?v=1')">打开额外tab</div>
					<i class="jg"></i>
					<div class="nav-item calculator"></div>
					<i class="jg"></i>
					<div class="nav-item nav-unselect">
						<div class="xl-n vertical">
							<span>链属企业：clear01</span>
							<i class="iconfont icon-arrow-btm ml6"></i>
						</div>
						<dl class="nav-child textQzhh layui-anim layui-anim-upbit">
							<dd class="me-lock"><i class="iconfont icon-lock-hollow"></i><span>修改密码</span></dd>
							<dd class="me-log-out"><i class="iconfont icon-power"></i><span>退出账户</span></dd>
						</dl>
					</div>
					<span class="nav-item exit iconfont icon-power ml25 mr25"></span>
				</div>
			</div>
			<div class="sidebar-main">
				<div id="sidebar" class="sidebar-nav" style="display: none;">
					{{# $.each(d,function(_i,t1){ }}
					<a class="sidebar-item" v-if="t1.url" href="{{t1.url}}" target="xq">
						<i class="iconfont icon-{{t1.icon}}"></i>
						<span class="text">{{t1.title}}</span>
					</a>
					<a class="sidebar-item" v-if="!t1.url" href="javascript:;">
						<i class="iconfont icon-{{t1.icon}}"></i>
						<span class="text">{{t1.title}}</span>
						<span class="more"></span>
					</a>
					<div class="sidebar-child" v-if="t1.children">
						{{# $.each(t1.children,function(_i,t2){ }}
						<a class="sidebar-item" v-if="t2.url" href="{{t2.url}}" target="xq">
							<i class="iconfont icon-oval2"></i>
							<span class="text">{{t2.title}}</span>
						</a>
						<a class="sidebar-item" v-if="!t2.url" href="javascript:;">
							<i class="iconfont icon-oval2"></i>
							<span class="text">{{t2.title}}</span>
							<span class="more"></span>
						</a>
						<div class="sidebar-child" v-if="t2.children">
							{{# $.each(t2.children,function(_i,t3){ }}
							<a class="sidebar-item" v-if="t3.url" href="{{t3.url}}" target="xq">
								<i class="iconfont icon-oval2"></i>
								<span class="text">{{t3.title}}</span>
							</a>
							{{# }) }}
						</div>
						{{# }) }}
					</div>
					{{# }) }}
				</div>
			</div>
			<div class="content-main">
				<div id="tab-nav" class="tab-nav">
				</div>
				<div class="tab-content">
					<iframe name="xq"></iframe>
				</div>
				<!--<a href="javascript:;" onclick="tabAnchor('#x1')">仿锚点跳转</a>-->
			</div>
			<div class="fold-nav"></div>
			<div class="footer-main">
				<!-- 底部固定区域 -->
				© 2018 TBEA.COM
			</div>
		</div>
		<script type="text/javascript">
			$.get('sidebar.json', function(data) {
				/*渲染边导航*/
				laytpl('#sidebar', data, function(v) {
					$('#sidebar').html(v).css('display', '');
					/*加载完默认选中第一个*/
					$('#sidebar .sidebar-item .text').eq(0).trigger('click');
				});
			})
		</script>
	</body>

</html>